<template>
    <div class="component-text-description">
        <div class="title">{{title}}</div>
        <div class="content" v-for="(line, key) in content" :key="key">{{line}}</div>
    </div>
</template>

<style lang="less" scoped>
    .component-text-description{
        padding: 1.5rem;
        .title{
            font-size: 1.6rem;
            line-height: 2.3rem;
            margin: .2rem 0 .9rem;
            font-weight: bold;
        }
        .content{
            font-size: 1.5rem;
            line-height: 2.1rem;
        }
    }
</style>

<script>
    export default {
        props: ['title', 'content']
    }
</script>